/*
所有组建的首字母必须大写
两类组件   函数式组件(静态组件)   类组件
、、hooks 专门为了解决 函数组件的缺陷
组件的两个数据源
state 状态 自己的数据
props 属性  父亲给的数据

*/

import React from 'react'
import ReactDOM from 'react-dom'

console.log(React.Component)
class Div extends React.Component {
  // React.PureComponent
  // constructor(props) {
  //   super(props)
  //   this.state = {
  //     // 自己的数据
  //   }
  // }
  state = {
    name: '珠峰',
    age: 12
  }
  render() {
    let { name, age } = this.state;
    console.log(this.props)
    return (<div>
      {name}
      hello world
      {age}

    </div>)
  }
}


ReactDOM.render(<Div className='box' />, document.getElementById('root'))

